Thank You for this theme which I am using at http://stanislausbandra.in

I have embedded flash in the Content top region. However the sucker fish menus now appear behind the flash.

Will appreciate your help on how I can resolve this.

Comments

epruett’s picture

epruett commented
Version: 6.x-1.2 » 6.x-1.7

I have the same sort of issue.
Have placed a rotor banner block in Content top.
The sucker fish menus now appears behind the banner images block in FF and Safari and Chrome.
Does work correctly in IE however.

jboeger’s picture

jboeger commented

I am having same problem with w/ views cycle and view rotator modules.

Any help would be hugely appreciated.

epruett’s picture

epruett commented
Status: Active » Needs review

OK all I have found a solution that worked for me.

Remove this from the style.css in the zeropoint theme folder
#topex {
z-index: 1;
}

Then insert this in css/ie6.css and css/ie7.css
#topex {
z-index: 1;
}

Hope this works for you too.

gmasky’s picture

gmasky commented

Unfortunately this did not work for me and points to a solution for IE.

I solved the problem by adding the following line <param name="wmode" value="opaque" /> to the flash code that I embed in the block.

Hope this helps someone

avpaderno’s picture

avpaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
commented
Title: Suckerfish menus get hidden behind flash » Suckerfish menus appear behind embedded Adobe Flash content
Status: Needs review » Active
florian’s picture

florian commented
Status: Active » Fixed

This issue is not a theme issue. Flash is not a part of (X)HTML at all. Moreover, it must validate as well, right? In order to accomplish both I suggest to use the following code to embed YouTube:

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/dZzQbQR99O0" width="425" height="344" id="VideoPlayback">
<param name="movie" value="http://www.youtube.com/v/dZzQbQR99O0" />
<param name="allowScriptAcess" value="sameDomain" />
<param name="quality" value="best" />
<param name="FlashVars" value="playerMode=embedded" />
<param name="wmode" value="transparent" />
</object>

... and to embed a local flash, use this code:

<object type="application/x-shockwave-flash" data="PATH/FILE" width="" height="">
<param name="movie" value="PATH/FILE" />
<param name="wmode" value="transparent" />
</object>

In both valid XHTML examples you may notice the line which solves the dropdown issue:

<param name="wmode" value="transparent" />

Please, see these two technotes that deal with the display mode of Flash on Adobe's website: Flash content displays on top of all DHTML layers and How to make a Flash movie with a transparent background.

BTW, in the first example is me :)

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.